﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.31商城</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_31商城/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/4_31商城/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u1572" class="ax_default" data-left="161" data-top="84" data-width="306" data-height="560">

        <!-- Unnamed (组合) -->
        <div id="u1573" class="ax_default" data-left="161" data-top="84" data-width="306" data-height="560">

          <!-- Unnamed (矩形) -->
          <div id="u1574" class="ax_default _形状">
            <div id="u1574_div" class=""></div>
            <div id="u1574_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1575" class="ax_default _形状">
            <div id="u1575_div" class=""></div>
            <div id="u1575_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1576" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1576_div" class=""></div>
            <div id="u1576_text" class="text ">
              <p><span>10:30 PM</span></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1577" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1577_div" class=""></div>
            <div id="u1577_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u1578" class="ax_default icon">
            <img id="u1578_img" class="img " src="images/1_登录_注册/u5.svg"/>
            <div id="u1578_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u1579" class="ax_default _文本段落" data-label="Header 2">
            <div id="u1579_div" class=""></div>
            <div id="u1579_text" class="text ">
              <p><span>MUX</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u1580" class="ax_default" data-left="175" data-top="102" data-width="37" data-height="5">

            <!-- Unnamed (矩形) -->
            <div id="u1581" class="ax_default _形状">
              <img id="u1581_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1581_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1582" class="ax_default _形状">
              <img id="u1582_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1582_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1583" class="ax_default _形状">
              <img id="u1583_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1583_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1584" class="ax_default _形状">
              <img id="u1584_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1584_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1585" class="ax_default _形状">
              <img id="u1585_img" class="img " src="images/1_登录_注册/u8.svg"/>
              <div id="u1585_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1586" class="ax_default _形状">
        <div id="u1586_div" class=""></div>
        <div id="u1586_text" class="text ">
          <p><span>商城</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1587" class="ax_default" data-left="167" data-top="132" data-width="60" data-height="24">

        <!-- Unnamed (图片 ) -->
        <div id="u1588" class="ax_default image">
          <img id="u1588_img" class="img " src="images/1_1忘记密码/u47.png"/>
          <div id="u1588_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1589" class="ax_default _文本段落">
          <div id="u1589_div" class=""></div>
          <div id="u1589_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1590" class="ax_default" data-left="176" data-top="171" data-width="233" data-height="31">

        <!-- Unnamed (形状) -->
        <div id="u1591" class="ax_default _形状">
          <img id="u1591_img" class="img " src="images/3_2包车-如约巴士/u782.svg"/>
          <div id="u1591_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1592" class="ax_default icon">
          <img id="u1592_img" class="img " src="images/3_2包车-如约巴士/u783.svg"/>
          <div id="u1592_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1593" class="ax_default _文本段落">
          <div id="u1593_div" class=""></div>
          <div id="u1593_text" class="text ">
            <p><span>请输入商品名称</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (列表框 ) -->
      <div id="u1594" class="ax_default list_box">
        <div id="u1594_div" class=""></div>
        <select id="u1594_input" size="2" class="u1594_input">
        </select>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1595" class="ax_default _形状">
        <div id="u1595_div" class=""></div>
        <div id="u1595_text" class="text ">
          <p><span>&nbsp;&nbsp; 次卡 x 1张</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1596" class="ax_default _形状">
        <div id="u1596_div" class=""></div>
        <div id="u1596_text" class="text ">
          <p><span>&nbsp;&nbsp; 次卡 x 3张</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1597" class="ax_default _形状">
        <div id="u1597_div" class=""></div>
        <div id="u1597_text" class="text ">
          <p><span>&nbsp;&nbsp; 校巴卡 x 5张</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1598" class="ax_default _形状">
        <div id="u1598_div" class=""></div>
        <div id="u1598_text" class="text ">
          <p><span>&nbsp;&nbsp; 次卡 x 10张</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1599" class="ax_default _形状">
        <div id="u1599_div" class=""></div>
        <div id="u1599_text" class="text ">
          <p><span>&nbsp;&nbsp; 月卡 x 1张</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1600" class="ax_default _形状">
        <div id="u1600_div" class=""></div>
        <div id="u1600_text" class="text ">
          <p><span>搜索</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1601" class="ax_default icon">
        <img id="u1601_img" class="img " src="images/4_31商城/u1601.svg"/>
        <div id="u1601_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1602" class="ax_default _文本段落">
        <div id="u1602_div" class=""></div>
        <div id="u1602_text" class="text ">
          <p><span>￥0.9</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1603" class="ax_default _文本段落">
        <div id="u1603_div" class=""></div>
        <div id="u1603_text" class="text ">
          <p><span>￥x.x</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1604" class="ax_default _文本段落">
        <div id="u1604_div" class=""></div>
        <div id="u1604_text" class="text ">
          <p><span>￥x.x</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1605" class="ax_default _文本段落">
        <div id="u1605_div" class=""></div>
        <div id="u1605_text" class="text ">
          <p><span>￥x.x</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1606" class="ax_default _文本段落">
        <div id="u1606_div" class=""></div>
        <div id="u1606_text" class="text ">
          <p><span>￥x.x</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1607" class="ax_default _形状">
        <div id="u1607_div" class=""></div>
        <div id="u1607_text" class="text ">
          <p><span>购买</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1608" class="ax_default" data-left="357" data-top="246" data-width="87" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u1609" class="ax_default icon">
          <img id="u1609_img" class="img " src="images/4_31商城/u1609.svg"/>
          <div id="u1609_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1610" class="ax_default icon">
          <img id="u1610_img" class="img " src="images/4_31商城/u1610.svg"/>
          <div id="u1610_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1611" class="ax_default _形状">
          <div id="u1611_div" class=""></div>
          <div id="u1611_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1612" class="ax_default" data-left="357" data-top="322" data-width="87" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u1613" class="ax_default icon">
          <img id="u1613_img" class="img " src="images/4_31商城/u1609.svg"/>
          <div id="u1613_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1614" class="ax_default icon">
          <img id="u1614_img" class="img " src="images/4_31商城/u1610.svg"/>
          <div id="u1614_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1615" class="ax_default _形状">
          <div id="u1615_div" class=""></div>
          <div id="u1615_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1616" class="ax_default" data-left="357" data-top="398" data-width="87" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u1617" class="ax_default icon">
          <img id="u1617_img" class="img " src="images/4_31商城/u1609.svg"/>
          <div id="u1617_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1618" class="ax_default icon">
          <img id="u1618_img" class="img " src="images/4_31商城/u1610.svg"/>
          <div id="u1618_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1619" class="ax_default _形状">
          <div id="u1619_div" class=""></div>
          <div id="u1619_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1620" class="ax_default" data-left="357" data-top="474" data-width="87" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u1621" class="ax_default icon">
          <img id="u1621_img" class="img " src="images/4_31商城/u1609.svg"/>
          <div id="u1621_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1622" class="ax_default icon">
          <img id="u1622_img" class="img " src="images/4_31商城/u1610.svg"/>
          <div id="u1622_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1623" class="ax_default _形状">
          <div id="u1623_div" class=""></div>
          <div id="u1623_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1624" class="ax_default" data-left="357" data-top="550" data-width="87" data-height="22">

        <!-- Unnamed (形状) -->
        <div id="u1625" class="ax_default icon">
          <img id="u1625_img" class="img " src="images/4_31商城/u1609.svg"/>
          <div id="u1625_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1626" class="ax_default icon">
          <img id="u1626_img" class="img " src="images/4_31商城/u1610.svg"/>
          <div id="u1626_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1627" class="ax_default _形状">
          <div id="u1627_div" class=""></div>
          <div id="u1627_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1628" class="ax_default" data-left="161" data-top="585" data-width="306" data-height="59">

        <!-- Unnamed (矩形) -->
        <div id="u1629" class="ax_default _形状">
          <div id="u1629_div" class=""></div>
          <div id="u1629_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1630" class="ax_default _形状">
          <div id="u1630_div" class=""></div>
          <div id="u1630_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1631" class="ax_default _形状">
          <div id="u1631_div" class=""></div>
          <div id="u1631_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1632" class="ax_default _形状">
          <div id="u1632_div" class=""></div>
          <div id="u1632_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1633" class="ax_default _文本段落">
          <div id="u1633_div" class=""></div>
          <div id="u1633_text" class="text ">
            <p><span>小白乘车</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1634" class="ax_default _文本段落">
          <div id="u1634_div" class=""></div>
          <div id="u1634_text" class="text ">
            <p><span>远程巴士</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1635" class="ax_default _文本段落">
          <div id="u1635_div" class=""></div>
          <div id="u1635_text" class="text ">
            <p><span>个人中心</span></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1636" class="ax_default _线段">
          <img id="u1636_img" class="img " src="images/2_小白乘车/u112.svg"/>
          <div id="u1636_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1637" class="ax_default _线段">
          <img id="u1637_img" class="img " src="images/2_小白乘车/u113.svg"/>
          <div id="u1637_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1638" class="ax_default _线段">
          <img id="u1638_img" class="img " src="images/2_小白乘车/u112.svg"/>
          <div id="u1638_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1639" class="ax_default _线段">
          <img id="u1639_img" class="img " src="images/2_小白乘车/u112.svg"/>
          <div id="u1639_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1640" class="ax_default _线段">
          <img id="u1640_img" class="img " src="images/2_小白乘车/u112.svg"/>
          <div id="u1640_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u1641" class="ax_default _线段">
          <img id="u1641_img" class="img " src="images/2_小白乘车/u112.svg"/>
          <div id="u1641_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u1642" class="ax_default checkbox">
        <label id="u1642_input_label" for="u1642_input" style="position: absolute; left: 0px;">
          <img id="u1642_img" class="img " src="images/4_31商城/u1642.svg"/>
          <div id="u1642_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u1642_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u1643" class="ax_default checkbox">
        <label id="u1643_input_label" for="u1643_input" style="position: absolute; left: 0px;">
          <img id="u1643_img" class="img " src="images/4_31商城/u1643.svg"/>
          <div id="u1643_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u1643_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u1644" class="ax_default checkbox">
        <label id="u1644_input_label" for="u1644_input" style="position: absolute; left: 0px;">
          <img id="u1644_img" class="img " src="images/4_31商城/u1644.svg"/>
          <div id="u1644_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u1644_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u1645" class="ax_default checkbox">
        <label id="u1645_input_label" for="u1645_input" style="position: absolute; left: 0px;">
          <img id="u1645_img" class="img " src="images/4_31商城/u1645.svg"/>
          <div id="u1645_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u1645_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u1646" class="ax_default checkbox">
        <label id="u1646_input_label" for="u1646_input" style="position: absolute; left: 0px;">
          <img id="u1646_img" class="img " src="images/4_31商城/u1646.svg"/>
          <div id="u1646_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u1646_input" type="checkbox" value="checkbox"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1647" class="ax_default _形状">
        <img id="u1647_img" class="img " src="images/3_1校巴/u530.svg"/>
        <div id="u1647_text" class="text ">
          <p><span>1.用户在【4.3卡包页】点击商城按钮进入此页面。</span></p><p><span><br></span></p><p><span>2.用户可输入商品名称，点击搜索按钮筛选商品，页面显示所有含此名称的商品。【此功能实现(有排序功能的中继器）中的case63效果】。</span></p><p><span><br></span></p><p><span>3.滑动查看商品时搜索栏固定，页面滚动时浮现返回顶部按钮，用户点击此按钮即可回到页面顶部。【此功能实现(系统变量与函数效果）中的case08效果】。</span></p><p><span><br></span></p><p><span>4.点击商品栏右侧的数量增减框，可增减商品购买数量。【此功能实现(系统变量与函数效果）中的case01效果】。</span></p><p><span><br></span></p><p><span>5.点击返回按钮，页面跳转至【4.3卡包页】。</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
